@import './config.scss';
@import './element-ui_reset.scss';

/* 定义滚动条的背景色和滑块颜色 */
::-webkit-scrollbar {
  width: 4px; /* 定义滚动条的宽度 */
}
::-webkit-scrollbar-track {
  background: transparent; /* 定义滚动条轨道的颜色 */
}
::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.25); /* 定义滚动条滑块的颜色 */
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.3); /* 定义滚动条滑块在鼠标悬停时的颜色 */
}

/*======= el-drawer =======*/
.el-drawer {
  background-color: #223551;
  .el-drawer__header {
    color: $--mian-color;
    border-bottom: 1px solid #2a4060;
    padding-bottom: 14px;
  }
}

/*======= el-loading-mask =======*/
.el-loading-mask {
  background-color: rgba(34, 53, 81, 0.7);
}

/*======= el-input =======*/
.el-input__inner {
  height: 32px;
  line-height: 32px;
}
.el-input__icon {
  line-height: 32px;
}
.el-textarea {
  .el-input__count {background-color: transparent;line-height: 1;}
}
/*======= el-pagination =======*/
.el-pagination {
  color: $--mian-color;
  button:disabled {
    background-color: transparent;
    color: #606979;
  }
  .el-pager li {
    background-color: transparent;
  }
  .btn-next, .btn-prev {
    background-color: transparent;
    color: $--mian-color;
  }
}

/*======= el-dialog =======*/
.el-dialog {
  border-radius: 4px;
  .el-dialog__header {
    border-bottom: 1px solid #2a4060;
    padding: 10px 12px;
    font-size: 14px;
  }
  .el-dialog__title {
    font-size: 14px;
  }
  .el-dialog__headerbtn {
    top: 15px;
  }
  .el-dialog__footer {
    border-top: 1px solid #2a4060;
    padding: 10px 12px;
  }
}

/*======= el-button =======*/
.el-button {
  &.is-disabled,
  &.is-disabled:focus,
  &.is-disabled:hover {
    color: #657286;
    background-color: #33455f;
    border-color: #33455f;
  }
}

.el-table {
  background-color: $--mian-bg-color;
}
